<template>
  <div>
    <div class="box">
      <!-- 提现金额 -->
      <el-card class="box-card">
        <div v-for="obj in TXlist" :key="obj.id" class="text item">
          {{ obj.string + ":" }}
          <span style="color: red">{{ obj.number }}</span>
          <span style="color: red; font-size: 10px">元</span>
        </div>
        <el-button type="primary" round size="mini" @click="$router.push('/withdraw')">提现管理</el-button>
        <el-button type="primary" round size="mini" @click="$router.push('/expensesdetail')">平台支出明细</el-button>
      </el-card>
      <!-- 平台收益 -->
      <el-card class="box-card">
        <div v-for="obj in SYlist" :key="obj.id" class="text item">
          {{ obj.string + ":" }}
          <span style="color: red">{{ obj.number }}</span>
          <span style="color: red; font-size: 10px">元</span>
        </div>
        <el-button type="primary" round size="mini"  @click="$router.push('/incomedetail')">平台收入明细</el-button>
      </el-card>
      <!-- 店铺管理 -->
      <el-card class="box-card">
        <div v-for="obj in DPlist" :key="obj.id" class="text item">
          {{ obj.string + ":" }}
          <span>{{ obj.number }}</span>
        </div>
        <el-button type="primary" round size="mini">开店审核</el-button>
        <el-button type="primary" round size="mini">管理店铺</el-button>
      </el-card>
      <!-- 订单 -->
      <el-card class="box-card">
        <div v-for="obj in DDlist" :key="obj.id" class="text item">
          {{ obj.string + ":" }}
          <span>{{ obj.number }}</span>
        </div>
        <el-button type="primary" round size="mini">查看订单</el-button>
      </el-card>
      <!-- 优惠 -->
      <el-card class="box-card">
        <div v-for="obj in YHlist" :key="obj.id" class="text item">
          {{ obj.string + ":" }}
          <span>{{ obj.number }}</span>
        </div>
        <el-button type="primary" round size="mini">优惠券管理</el-button>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DomeIndex',

  data () {
    return {
      TXlist: {
        tixian: {
          string: '总提现金额',
          number: '900'
        },
        yonghutixian: {
          string: '用户提现金额',
          number: '500'
        },
        dainputixian: {
          string: '店铺提现金额',
          number: '400'
        }
      },
      SYlist: {
        pingtaiSY: {
          string: '平台总收益',
          number: '555'
        },
        dianpuSY: {
          string: '店铺订单收益',
          number: '300'
        },
        shucaiSY: {
          string: '素材收益',
          number: '200'
        },
        shucaichouyongSY: {
          string: '素材抽佣收益',
          number: '200'
        },
        dianpuquanyiSY: {
          string: '店铺权益收益',
          number: '200'
        }
      },
      DPlist: {
        shengheDP: {
          string: '待审核店铺',
          number: '555'
        },
        shulaingDP: {
          string: '店铺数量',
          number: '300'
        },
        gongxiangDP: {
          string: '共享店铺数量',
          number: '200'
        }
      },

      DDlist: {
        shuliangDD: {
          string: '订单数量',
          number: '555'
        },
        jingeDD: {
          string: '订单总金额',
          number: '300'
        },
        tuikuanglv: {
          string: '退款/售后率',
          number: '200%'
        },
        qudingtuikuanglu: {
          string: '确认退款',
          number: '200%'
        }
      },
      YHlist: {
        pingtainumberYH: {
          string: '平台优惠券发放数量',
          number: '555'
        },
        pingtaijingmoneyYH: {
          string: '平台优惠券发放金额',
          number: '300'
        }
      }
    }
  },

  mounted () {},

  methods: {}
}
</script>

<style lang="less" scoped>
.box {
  margin: 0 auto;
  width: 725px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  .text {
    font-size: 14px;
    text-indent: 20px;
    padding: 0;
    margin: auto 0;
  }
  /deep/.el-card__body {
    width: 300px;
    padding: 0;
    padding-top: 5px;
    display: flex;
    flex-direction:column;
    justify-content: space-between;

  }
  .item {
    padding: 3px 0;
  }
  .box-card {
    margin-top:50px;
    width: 300px;
    height: 170px;
  }
  /deep/.el-button {
     margin-top: 5px;
    margin-left: 18px;
    bottom: 10px;
    width: 100px;
    text-align: center;
  }
}
</style>
